<template>
  <el-dialog
    width="70%"
    top="70px"
    :visible.sync="imgVisible"
    append-to-body
    @open="open()"
    :before-close="closeDialog"
  >
    <img :src="imgSrc" width="104%" alt="" class="img" />
  </el-dialog>
</template>

<script>
export default {
  props: ["imgVisible", "imgSrc"],
  data() {
    return {};
  },
  methods: {
    open() {
      console.log(this.imgSrc);
    },
    closeDialog() {
      this.$emit("closeDialog");
    },
  },
};
</script>

<style lang="less" scoped>
.img {
  margin: -60px -30px -34px -20px;
}
</style>